<template>
  <div>
      <div class="list">
          <List :list="arr"></List>
      </div>
  </div>
</template>

<script>
import List from './List.vue'
export default {
    data(){
        return{
             arr: [
        {
          title: "八维",
          children: [
            {
              title: "网站",
              children: [
                {
                  title: "专高二vue",
                  children: [
                    {
                      title: "1909A",
                    },
                    {
                      title: "1909B",
                    },
                    {
                      title: "1909C",
                    },
                  ],
                },
                {
                  title: "专高三react",
                  children: [
                    {
                      title: "1909A",
                    },
                    {
                      title: "1909B",
                    },
                    {
                      title: "1909C",
                    },
                  ],
                },
              ],
            },
            {
              title: "传媒",
              children: [
                {
                  title: "专高二vue",
                  children: [
                    {
                      title: "1909A",
                    },
                    {
                      title: "1909B",
                    },
                    {
                      title: "1909C",
                    },
                  ],
                },
                {
                  title: "专高三react",
                  children: [
                    {
                      title: "1909A",
                    },
                    {
                      title: "1909B",
                    },
                    {
                      title: "1909C",
                    },
                  ],
                },
              ],
            },
          ],
        },
        {
          title: "清华",
          children: [
            {
              title: "网站",
              children: [
                {
                  title: "专高二vue",
                  children: [
                    {
                      title: "1909A",
                    },
                    {
                      title: "1909B",
                    },
                    {
                      title: "1909C",
                    },
                  ],
                },
                {
                  title: "专高三react",
                  children: [
                    {
                      title: "1909A",
                    },
                    {
                      title: "1909B",
                    },
                    {
                      title: "1909C",
                    },
                  ],
                },
              ],
            },
            {
              title: "传媒",
              children: [
                {
                  title: "专高二vue",
                  children: [
                    {
                      title: "1909A",
                    },
                    {
                      title: "1909B",
                    },
                    {
                      title: "1909C",
                    },
                  ],
                },
                {
                  title: "专高三react",
                  children: [
                    {
                      title: "1909A",
                    },
                    {
                      title: "1909B",
                    },
                    {
                      title: "1909C",
                    },
                  ],
                },
              ],
            },
          ],
        },
      ],
    }
},
    components: {
        List,
    },
}
</script>

<style>
.list{
    width: 100%;
    height: calc(100vh-50px);
}
</style>